<template>
  <div class="courseList">
    <course-item v-for="(item,index) in courseData" :key="index"
              :item="item"
              :index="index"
    ></course-item>
  </div>
</template>

<script>
  import CourseItem from "./CourseItem";
  export default {
      name: "CourseList",
      components:{CourseItem},
      props:{
          courseData:Array
      },
      mounted() {
      }
  }
</script>

<style scoped>

</style>
